<include file="public@header"/>
<!--header-web-->
<section class="path-nav">
    <div class="path-nav-box">
        <volist name="miaobao" id="v" key="k">
            <a href="{$v.real_url}">{$v.name}</a>
            <span> > </span>
        </volist>
        <span>{$article.post_title}</span>
    </div>
</section>
<div id="container-page" style="margin-top:10px;">
    <aside id="sitebar">

        <div class="sitebar_list">
            <h4 class="sitebar_title">精选文章</h4>
            <ul id="recomm1">
                <volist name="recommData" id="v">
                    <li><a href="{$v.real_url}">{$v.post_title}</a></li>
                </volist>
            </ul>
        </div>

        <div class="sitebar_list">
            <a href="/tag/index" target="_blank"><img width="364" height="182" src="__TMPL__/public/assets/images/e.png"
                                                      class="image wp-image-2095  attachment-full size-full" alt=""
                                                      style="max-width: 100%; height: auto;"/></a></div>
        <div class="sitebar_list">
            <h4 class="sitebar_title">相关标签</h4>
            <div class="tagcloud">
                <volist name="relateTagData" id="v" key="k">
                    <a href="{$v.real_url}" class="tag-cloud-link tag-link-{$k} tag-link-position-{$k}"
                       style="font-size: 15px;">{$v.name}</a>
                </volist>
            </div>
        </div>
    </aside>
    <article class="box">

        <h1 class="singletitle">
            {$article.post_title} </h1>
        <p class="p2">
            {:date("Y-m-d",$article.create_time)}
        </p>

        <div class="content-text">
            {$article.post_content}

            <p style="text-align: center;"><strong>- END -</strong></p>
            <div class="bdf">
                <div class="yue"> {$article.post_hits}</div>
                <div class="post-like" >
                    <a href="javascript:;"   data-id="{$article.id}" class="post_like"><span class="count" id="post-count">
            {$article.post_like}</span>
                    </a>
                </div>
                <script type='text/javascript'>
                    $(".post_like").click(function(){
                            var id = $(this).data("id");
                            $.getJSON("/portal/Article/doLike?id="+id, function(data){
                                var val = $("#post-count").text();
                                val = parseInt(val) +1;
                                $("#post-count").text(val);
                            });

                    });
                </script>
                <script type='text/javascript' src='__TMPL__/public/assets/js/zan.js'></script>
            </div>
        </div>

        <!--相关文章-->
        <div class="xianguan">
            <div class="my-slide">
                <volist name="relateData" id="v" key="k">
                    <a href="{$v.real_url}" class="h-300px slide-{$k+1}">
                        <empty name="v.thumbnail">
                            <img src="/themes/quick_start/public/assets/images/sw-1000x556.png" title="{$v.post_title}" alt="{$v.post_title}"/>
                            <else/>
                            <if condition="strpos($v['thumbnail'],'http') === 0">
                                <img src="{$v.thumbnail}"  title="{$v.post_title}" alt="{$v.post_title}" />
                                <else />
                                <img src="/upload/{$v.thumbnail}" title="{$v.post_title}" alt="{$v.post_title}" />
                            </if>
                        </empty>
                        <h3 class="title">{$v.post_title}</h3>
                    </a>
                </volist>
            </div>

            <script>
                $('.my-slide').pageflySlider({
                    slidesToShow: 3,
                    slidesToScroll: 3,
                    gutter: 15,
                    autoPlay: true,
                    duration: '400',
                    autoPlayDelay: 2000,
                    loop: true,
                    // navStyle: 'nav-style-111',
                    // paginationStyle: 'pagination-style-3'
                })
                $('.pf-slider-pagination').css({'display':'none'})
            </script>
    </article>
</div>
<include file="public@footer" />